<section id="<block name="sectionId"></block>" data-transition="slide">
    <block name="header">
        <header data-title="{$app.title}" data-back="chevron-left">
            <nav>
                <notempty name="asides" >
                    <a href="#" data-view-aside="aside" data-icon="menu"></a>
                </notempty>
                <a data-view-article="back" data-icon="left" ></a>
            </nav>

            <nav class="on-right">
                <notempty name="menus" >
                    <a href="#" data-view-menu="options" data-icon="grid"></a>
                </notempty>
            </nav>
        </header>
    </block>

    <block name="article">

    </article>
    </block>
    

    <block name="nav">
    <notempty name="navs">
    <footer>
        <nav class="icons">
            <volist name="navs" id="nav" >
                <a data-title="{$nav.name}" data-tpl="{$nav.module}-list" data-action="getList" data-view-section="{$nav.module}-{$nav.id}" href="#" data-nav-id="{$nav.id}" href="#" >{$nav.name}</a>
            </volist>
        </nav>
    </footer>
    </notempty>
    </block>
</section>